<div class="all">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-8 col-sm-8 text-left text-info"><h4></h4></div>
  <div class="col-xs-12 col-md-4 col-sm-4 margin_top3">
      <div class="btn-group btn-group-justified" role="group">
           <div class="btn-group" role="group">
               <button type="button" id="jp_menu" class="btn btn-default"><span class="glyphicon glyphicon-list" aria-hidden="true"></span><small>菜单</small></button>
           </div>
           <div class="btn-group" role="group">
               <button type="button" id="welcome" class="btn btn-default"><span class="glyphicon glyphicon-user" aria-hidden="true"></span><small>欢迎admin</small></button>
           </div>
           <div class="btn-group" role="group">
               <button type="button" id="index" class="btn btn-default"><span class="glyphicon glyphicon-home" aria-hidden="true"></span><small>访问首页</small></button>
           </div>
           <div class="btn-group" role="group">
          <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-off" aria-hidden="true"></span><small>退出</small></button>
           </div>
      </div>
  </div>
</div>
</div>
    
</div>
    <script>
        $("#index").on("click",function(){
            window.location.href="/";
        });
        function jp_tagle(){
              var width=$(".jp_left").width();
            if(!$(".jp_right").hasClass("open")){
            $(".jp_right").animate({left:width+"px"},"fast",function(){
                $(this).addClass("open");
            });
        }else{
             $(".jp_right").animate({left:"0px"},"fast",function(){
                $(this).removeClass("open");
            });
        }
        }
        $("#jp_menu").on("click",function(){
          jp_tagle();
        });
        $(document).ready(function(){
           jisuan_height();
        });
        function jisuan_height(){
            var wheight=$(window).height();
            var topheight=$(".all").eq(0).height();
            $("#mainFrame").height(wheight-topheight);
        }
        $(window).resize(function() {
            var jpright=$(".jp_right");
            jisuan_height();
            if(jpright.hasClass("open")){
                 var width=$(".jp_left").width();
                 jpright.css({"left":width+"px"});
            }
        });
    </script>